
.caption-grid-header {
    overflow: hidden;
}

.sort-div {
    flex: 1 1 auto;
    align-self: stretch;
}

/* this 2 classes are not used for now (see usages) */

/*Only used in firefox to make the to top / to bottom buttons visible.
 Because these buttons are drawn in the header / footer buttons are not visible when using "visibility: collapse" and "tr" has zero height.
*/
@supports (not (-moz-appearance: none)) {
    .data-grid-column-row {
        /* does exactly what we need, used in layout, but not visible*/
        visibility: collapse;
    }
}
.data-grid-column-row-pref-cell {
    /* we have to drop up and down borders, because otherwise in chrome there will be the problem with the visibility collapse (1px will remain creating a whole)*/
    /* for data-grid-column-row-flex-cell - remove-all-pmb removes up and down borders */
    border-top: 0;
    border-bottom: 0;
}
.data-grid-column-row-flex-cell {
}

/* it seems that firefox treats visibility:collapse as visibility hidden,
to fix this we just collapse all heights in the virtual gridColumnRow
it's not the perfect solution, but maybe sometime firefox will fix this bug and it will be possible to remove this hack*/
@supports (-moz-appearance: none) {
    .data-grid-column-row, .data-grid-column-row * {
        height : 0 !important;
        line-height: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        border-top: 0 !important;
        border-bottom: 0 !important;

        /* otherwise for input border is not set to 0px and still 2px + there extra paddings */
        /* maybe it should be set only for input checkbox, but for now we'll do it for all dom elements */
        -moz-appearance: none !important;
        vertical-align: top !important;
    }
}

.wrap-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sort-img {
    /*overflow: hidden;*/
}

.data-grid-header {
}
.data-grid-header-cell {
    /* ??? */
    /*overflow: hidden;*/
}

.data-grid-footer {
}
.data-grid-footer-cell {
    /* ??? */
    /*overflow: hidden;*/
}
